import React from 'react';
import styles from "./index.module.scss";
const FindRoomItem = ({ title, price, houseImg, desc, tags }) => {
  return <div className={styles.house_item}>
    <img src={ "https://api-haoke-web.itheima.net" + houseImg} alt="" />
    <div className={styles.house_item_info}>
      <h4 className={styles.house_item_info_name}>{title}</h4>
      <div className={styles.house_item_info_desc}>{desc}</div>
      <div className={styles.house_item_info_tags}>
        {tags.map(item => <span key={item}>{item}</span>)}
      </div>
      <div className={styles.house_item_info_price}>{price}</div>
    </div>
  </div>;
};

export default FindRoomItem;